<!DOCTYPE html>
<html>
<head>
    <title>[title]</title>

    <link href="__CSS__/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link href="__CSS__/style.css" type="text/css" rel="stylesheet" media="all">

    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Ramble Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
	Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript">
        addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //Custom Theme files -->

    <!--web-font-->
    <link href='__CSS__/fonts_googleapis_css.css' rel='stylesheet' type='text/css'>
    <!--//web-font-->
    <!-- js -->
    <script src="__JS__/jquery-1.11.1.min.js"></script>
    <!-- //js -->
    <!-- start-smoth-scrolling-->
    <script type="text/javascript" src="__JS__/move-top.js"></script>
    <script type="text/javascript" src="__JS__/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
    <!--//end-smoth-scrolling-->

</head>
<body>
<!--banner-->
<div class="banner">
    <!--header-->
    <div class="top-nav">
        <nav class="navbar navbar-default">
            <div class="container">
                <span> </span>
                <div class="navbar-header navbar-left">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <h1><a href="{:url('Index/index')}">Framer</a></h1>
                </div>
                <!--navigation-->
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-left">
                        <li class="hvr-bounce-to-bottom active"><a href="{:url('Index/index')}">Home</a></li>
                        <li class="hvr-bounce-to-bottom"><a href="{:url('About/index')}" >About</a></li>
                        <li class="hvr-bounce-to-bottom"><a href="{:url('Codes/index')}">Codes</a></li>
                        <li class="hvr-bounce-to-bottom"><a href="{:url('Gallery/index')}">Gallery</a></li>
                        <li class="hvr-bounce-to-bottom"><a href="contact.html">Contact Us</a></li>
                    </ul>
                    <div class="clearfix"> </div>
                </div><!--//navigation-->
            </div>
        </nav>
    </div>
    <!--//header-->
    <div class="social-icons">
        <ul>
            <li><a href="#"> </a></li>
            <li><a href="#" class="fb"> </a></li>
            <li><a href="#" class="in"> </a></li>
            <li><a href="#" class="dott"> </a></li>
        </ul>
    </div>

    <!--banner-info-->
    <div class="banner-info">
        <!-- container -->
        <div class="container">
            <!--banner Slider starts Here-->
            <script src="__JS__/responsiveslides.min.js"></script>
            <script>
                // You can also use "$(window).load(function() {"
                $(function () {
                    // Slideshow 3
                    $("#slider3").responsiveSlides({
                        auto: true,
                        pager: false,
                        nav: true,
                        speed: 500,
                        namespace: "callbacks",
                        before: function () {
                            $('.events').append("<li>before event fired.</li>");
                        },
                        after: function () {
                            $('.events').append("<li>after event fired.</li>");
                        }
                    });

                });
            </script>
            <!--//End-slider-script-->
            <div class="bnr-text">
                <div  id="top" class="callbacks_container">
                    <ul class="rslides" id="slider3">
                        <li>
                            <h2>Find your perfect new dream home</h2>
                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecat officia deserunt mollitia laborum et dolorum fuga.</p>
                        </li>
                        <li>
                            <h2>Lorem ipsum simply dummy text</h2>
                            <p>Vero eos at et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecat officia deserunt mollitia laborum et dolorum fuga.</p>
                        </li>
                        <li>
                            <h2>Dummy text lorem ipsum simply</h2>
                            <p>Dignissimos at vero eos et accusamus et iusto odio ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecat officia deserunt mollitia laborum et dolorum fuga.</p>
                        </li>
                    </ul>
                </div>
                <a href="#" class="more more-left">Learn More</a>
                <a href="gallery.html" class="more more-right">Click</a>
            </div>
        </div>
    </div>

</div>
<!--//banner-->
